$_collapseButtonWidth : 15px!default;
$_collapseButtonHeight: 26px!default;

#content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  @include animation(.3,.1);

  &.opened{
    left: $sideWidth;
  }

  &.closed{
    left: 0;
  }

  & > #collapse{
    position: absolute;
    top: 20px;
    left: 0;
    width: $_collapseButtonWidth;
    height: $_collapseButtonHeight;
    line-height: $_collapseButtonHeight;
    border: 1px solid $lightFontColor;
    background-color: #d2ecfc;
    letter-spacing: -4px;

    &:hover{
      cursor: pointer;
    }

    &.opened{
      color: $lightFontColor;
      left: - ($_collapseButtonWidth + 1px);
    }

    &.closed{
      color: #000;
      left: -1px;
      transform: rotateY(180deg);
    }
  }
}